@import './var.less';

html,
body {
  overflow-x: auto;
  overflow-y: hidden;
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  color: @font-content;
  font-size: 12px !important;
  font-family: Microsoft YaHei, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* 滚动条整体 */
::-webkit-scrollbar {
  width: 6px !important;
  height: 6px !important;
}

::-moz-scrollbar {
  width: 6px !important;
}

::-o-scrollbar {
  width: 6px !important;
}

::-ms-scrollbar {
  width: 6px !important;
}

::-webkit-scrollbar-track {
  background-color: #ddd !important;

  /* 滑道全部 */
}

::-moz-scrollbar-track {
  background-color: #ddd !important;

  /* 滑道全部 */
}

::-o-scrollbar-track {
  background-color: #ddd !important;

  /* 滑道全部 */
}

::-ms-scrollbar-track {
  background-color: #ddd !important;

  /* 滑道全部 */
}

::-webkit-scrollbar-track-piece {
  /* 滑道 */
  -webkit-border-radius: 4px !important;
  background-color: #ddd !important;

  /* 滑道圆角宽度 */
}

::-moz-scrollbar-track-piece {
  /* 滑道 */
  -webkit-border-radius: 4px !important;
  background-color: #ddd !important;

  /* 滑道圆角宽度 */
}

::-o-scrollbar-track-piece {
  /* 滑道 */
  -webkit-border-radius: 4px !important;
  background-color: #ddd !important;

  /* 滑道圆角宽度 */
}

::-ms-scrollbar-track-piece {
  /* 滑道 */
  -webkit-border-radius: 4px !important;
  background-color: #ddd !important;

  /* 滑道圆角宽度 */
}

::-webkit-scrollbar-thumb {
  /* 滑动条表面 */
  border: solid 1px rgba(255, 255, 255, 0.2) !important;

  /* 滑动条边框 */
  border-radius: 4px !important;
  background-color: #a3a3a3 !important;

  /* 滑动条圆角宽度 */
}

::-moz-scrollbar-thumb {
  /* 滑动条表面 */
  border: solid 1px rgba(255, 255, 255, 0.2) !important;

  /* 滑动条边框 */
  border-radius: 4px !important;
  background-color: #a3a3a3 !important;

  /* 滑动条圆角宽度 */
}

::-o-scrollbar-thumb {
  /* 滑动条表面 */
  border: solid 1px rgba(255, 255, 255, 0.2) !important;

  /* 滑动条边框 */
  border-radius: 4px !important;
  background-color: #a3a3a3 !important;

  /* 滑动条圆角宽度 */
}

::-ms-scrollbar-thumb {
  /* 滑动条表面 */
  border: solid 1px rgba(255, 255, 255, 0.2) !important;

  /* 滑动条边框 */
  border-radius: 4px !important;
  background-color: #a3a3a3 !important;

  /* 滑动条圆角宽度 */
}

/* 横竖滚动条交角 */

::-webkit-scrollbar-corner {
  background-color: #ddd !important;
}

::-moz-scrollbar-corner {
  background-color: #ddd !important;
}

::-o-scrollbar-corner {
  background-color: #ddd !important;
}

::-ms-scrollbar-corner {
  background-color: #ddd !important;
}

/* 横竖滚动条交角图案 */

::-webkit-resizer {
  background-position: bottom right !important;
  background-repeat: no-repeat !important;
}

::-moz-resizer {
  background-position: bottom right !important;
  background-repeat: no-repeat !important;
}

::-o-resizer {
  background-position: bottom right !important;
  background-repeat: no-repeat !important;
}

::-ms-resizer {
  background-position: bottom right !important;
  background-repeat: no-repeat !important;
}

/* 鼠标滑过滑动条 */
::-webkit-scrollbar-thumb:hover {
  background-color: rgba(22, 39, 67, 0.5) !important;
}

::-moz-scrollbar-thumb:hover {
  background-color: rgba(22, 39, 67, 0.5) !important;
}

::-o-scrollbar-thumb:hover {
  background-color: rgba(22, 39, 67, 0.5) !important;
}

::-ms-scrollbar-thumb:hover {
  background-color: rgba(22, 39, 67, 0.5) !important;
}

.spinCenter {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.blueText {
  display: inline;
  color: @primary-color;
  cursor: pointer;

  &:hover {
    text-decoration: underline;
    text-underline-offset: 4px;
    // border-bottom: 1px solid @primary-color;
  }
}

.searchInput,
.ant-input-search {
  .ant-input-affix-wrapper {
    border-radius: 4px !important;
  }

  .ant-input-suffix {
    color: @primary-color;
  }
}

.buttonGroup {
  display: flex;
  align-items: center;

  .modal-select_morebtn {
    margin: 0 !important;

    .ant-btn {
      border-radius: 0;
    }
  }

  .modal-select_conatiner {
    &:first-child {
      .ant-btn {
        border-radius: 4px 0 0 4px !important;
      }
    }

    &:last-child {
      .ant-btn {
        border-radius: 0 4px 4px 0 !important;
      }
    }

    &:not(:first-child) {
      .ant-btn {
        border-left-color: transparent !important;
      }
    }

    &:hover {
      .ant-btn {
        border-color: @primary-color  !important;
        // border-color: red !important;
      }
    }
  }
}

// 删除信息样式
.del-msg-wran {
  color: @warn-color;
}

.noMarginBottom {
  margin-bottom: 0 !important;
}

.leapSelect .ant-select-selector {
  width: 100%;
  height: 30px !important;
  line-height: 22px;

  input {
    padding-top: 2px;
  }
}

.mb10 {
  margin-bottom: 10px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.noPaddingTop {
  padding-top: 0;
}

.noPadding {
  padding: 0 !important;
}

.emptyView {
  .ant-empty-description {
    padding-bottom: 10px;
    color: @font-des  !important;
  }
}

.hasBg {
  background-color: @content-bg-color  !important;
}

.bgWhite {
  background-color: @white-color  !important;
}

.ele-required {
  position: relative;
  padding-inline-start: 4px;

  &::before {
    content: '*';
    position: absolute;
    top: 16px;
    left: 2px;
    color: #ff4d4f;
    font-size: 12px;
  }
}

// 树选择框
.tree-dropdown {
  .ant-select-tree-list-holder {
    overflow-x: auto !important;
  }

  .ant-select-tree-list-holder>div {
    width: max-content;
  }

  .ant-select-tree-list-holder-inner {
    position: relative !important;
  }

  .ant-select-tree-treenode:last-child {
    padding-bottom: 20px !important;
  }

  .ant-select-tree .ant-select-tree-treenode:not(.ant-select-tree .ant-select-tree-treenode-disabled).filter-node .ant-select-tree-title {
    font-weight: bold;
  }
}

.globalSuccess {
  color: @success-color;
}

.ele-required {
  position: relative;
  padding-inline-start: 4px;

  &::before {
    content: '*';
    position: absolute;
    top: 16px;
    left: 2px;
    color: #ff4d4f;
    font-size: 12px;
  }
}